<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>页面跳转中</title>
    <meta http-equiv="refresh" th:if="${originalLink != null}" th:content="'0.1; url=' + ${originalLink}">
    <script th:if="${originalLink != null}" th:inline="javascript">
        setTimeout(function(){location.href = [[${originalLink}]];},100);
    </script>
    <style>
        .tips{text-align:center;margin-top:150px;}.container{height:100px;text-align:center;margin-top:200px;}.circle{margin:20px;height:50px;width:50px;border-radius:50%;display:inline-block;transform:scale(0);animation:bulge 2s infinite ease-in-out;}.circle::after{position:absolute;display:inline-block;content:'';height:100%;width:100%;border-radius:50%;background-color:inherit;top:0;left:0;z-index:-1;transform:scale(1);animation:blow 2s infinite ease-in-out;}.circle:nth-child(1){background-color:#4695B8;animation-delay:0s;}.circle:nth-child(2){background-color:#67A142;animation-delay:.25s;}.circle:nth-child(3){background-color:#8FC0A7;animation-delay:.50s;}@keyframes bulge{50%{transform:scale(1);}}@keyframes blow{25%{opacity:0.5;}50%{opacity:0.5;}90%{opacity:0;}100%{transform:scale(2);opacity:0;}}
    </style>
</head>
<body>
<div class="tips">
    <h1>页面跳转中,请稍后</h1>
    <h2 th:if="${originalLink == null}" >短链不存在/过期/被禁用</h2>
</div>
<div class="container">
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
</div>
</body>
</html>